/*导入外部css*/
@import url('element.css?t=111');
@import url('animate.css?t=111');
*{ margin:0px; padding:0px;font-family:"microsoft yahei"; font-size:14px;transition:background-color  1s;outline: none;word-wrap: break-word; outline: none;-webkit-tap-highlight-color: transparent; }
body{ background-color: #fff; color:#666; font-family:Arial, "微软雅黑"; margin: 0px; padding: 0px;}
a{text-decoration:none;color:#666;}

/*头部*/
.mobile-header-wrap{ display:none;}
.pc-header-wrap{ background-repeat:no-repeat; background-image:url(../img/header_bg.png); background-color:#ff690f; height:70px;}
.pc-header-wrap .logo{display:block;float:left;position:relative; width:300px;background-repeat:no-repeat; background-position:5px 50%;  height:70px; }
.pc-header-wrap .login{display:block;float:right;line-height:70px;border-left:1px solid #ea7f00;background-image:url(../img/icon_white_member.png);background-repeat:no-repeat;background-position:20px center;padding-left:50px; padding-right:20px!important;color:#fff;cursor:pointer}
.pc-header-wrap .logout{display:block;float:right;line-height:70px;border-left:1px solid #ea7f00;background-image:url(../img/quit_icon.png);background-repeat:no-repeat;background-position:20px center;padding-left:50px; padding-right:20px!important;color:#fff;cursor:pointer}
.pc-header-wrap .ads{display:block; width:30%; height:70px; float:right; text-align:center; line-height:70px; font-size:24px; color:#fff; overflow:hidden; }
.pc-header-wrap .ads img{width:500px; height:70px;}
.pc-header-wrap .user-info{display:block;float:right;height:70px;border-left:1px solid #ea7f00;width:160px; cursor:pointer}
.pc-header-wrap .user-header{display:block;width:40px;height:40px;background-color:#fff;float:left;border:0px;position:relative;left:20px;top:15px; border-radius:3px;}
.pc-header-wrap .user-account{ margin:15px 0px 0px 70px; color:#fff; overflow:hidden;}
.pc-header-wrap .user-account div{ white-space:nowrap;line-height:normal!important;}
.pc-header-wrap .menu{display:block; padding:0px 20px;line-height:70px; float:right; color:#fff;border-left:1px solid #ea7f00; }
.pc-header-wrap .btn:hover{ background-color:#D16201}

.loginPanel .tab-group{ padding-bottom:10px; position:relative;zoom:1;}
.loginPanel .tab-group .tab{ float:left; width:50%; text-align:center; line-height:50px; font-size:18px; cursor:pointer; bottom:0px; zoom:1;}
.loginPanel .tab-group .active{ position:absolute; width:180px; height:5px;  left:0px; bottom:0;}
.loginPanel .forget-btn{ cursor:pointer}
 .timer{height:48px;border:1px solid #eee;border-radius:3px;color:#00a8ff;line-height:48px;text-align:center;outline:0;background:#f8f8f8; cursor:pointer}
 .reset{width:120px;height:50px;border:1px solid #dcdcdc;border-radius:3px;float:left;margin-left:22px;color:#989898;line-height:50px;text-align:center;outline:0;background:#dcdcdc}

/*popup*/
.reveal-modal{width:400px!important; margin-left:-210px!important; background-color:#fff!important; top:50px;}

/*杂项*/
.empty{ height:100%; background-image:url(../img/null.png); background-position:50% 50%; background-repeat:no-repeat;}
.loading{ width:50px; height:50px; position:absolute; z-index:100; left:50%; top:50%; margin-left:-25px;margin-top:-25px; background-color:#000; border-radius:5px; background-image:url(../img/loading.gif);background-repeat: no-repeat;background-position: 50% 50%; opacity:0.6; display:none;}
.loading-bg{ background-color:#000000; position: fixed; z-index:50; width:100px; height:100px; top:0px; left:0px;opacity: 0;filter: alpha(opacity=1);}
.to-top{ width:50px; height:50px; position:fixed; z-index:60; right:10px; bottom:10px; margin-left:-25px; background-color:#000;  opacity:0.6; display:none; background-image:url(../img/arrow.png); background-repeat:no-repeat; background-size:70% 70%; background-position:50% 50%; cursor:pointer;}
.to-top:hover{ opacity:1;}
.showModal{ position:fixed; top:50%; left:50%; padding:10px; border-radius:5px; background-color:#000; color:#fff; z-index:9000;}
.confirm-inner{ padding:50px 0px; line-height:30px; text-align:center; color:#feae42}
.confirm-inner img{ margin-bottom:-13px; margin-right:10px;}
.confirm-inner span{font-size:18px; }

/*二级栏目*/
.sub-nav{ margin-top:80px; height:80px; background-color:#ececec!important;}
.sub-nav .title ,.sub-nav .title font{ font-size:20px; line-height:80px; }
.sub-nav .breadcrumb{ font-size:14px; line-height:80px; position: relative;}
.sub-nav .breadcrumb a{ color:#005296}


/*页面布局*/
.layout{ position:relative;}
.layout .left{width:180px; min-height:700px; }
.layout .right{min-height:700px;  }

/*尾部*/
.footer-wrap{ background-color:#999; height:40px; color:#eee; text-align:center; line-height:40px;}
.footer-wrap a{color:#fff;}

/*分页码*/

.paginate-wrap{ padding:10px 0px;}
.dataTables_paginate{float: right;text-align: right;}
.dataTables_paginate a.paginate_button,.dataTables_paginate a.paginate_active,.num, .current, .next, .prev,.dataTables_paginate .end, .dataTables_paginate .first{border: 1px solid #ddd;padding: 6px 12px;margin-right: 5px;cursor: pointer;color: #636E7B;line-height: 21px;float: left;position: relative;background: #fff;display: inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.dataTables_paginate > li:first-child > a,.dataTables_paginate > li:first-child > span{border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.dataTables_paginate a.paginate_button:hover{text-decoration: none !important;background-color: #E4E7EA;}
.dataTables_paginate a.current,.dataTables_paginate a.current:hover,.current{background-color: #00a8ff;border-color: #00a8ff;color: #fff;}
.dataTables_paginate a:focus{text-decoration: none;}
.dataTables_paginate a.last{margin-right: 0;}



/*按钮 输入框*/

.button{ padding:0px 20px;line-height:48px; background:#27bbbA;border-radius: 3px;height:48px; text-align: center; border: none; outline:none; cursor:pointer; font-size:18px;display:inline-block; *position: relative; *top: 14px;}
.button-s{ padding:0px 20px;line-height:40px; background:#27bbbA;border-radius: 3px;height:40px; text-align: center; border: none; outline:none; cursor:pointer; font-size:14px;display:inline-block;}
.button-blue{ background-color:#00a8ff; color:#FFF;border:1px #2776b6 solid; transition: background-color 1s;}
.button-blue:hover{ background-color:#005296; color:#FFF;transition: background-color 1s;}
.button-orange{ background-color:#feae42; color:#FFF;border:1px #e48403 solid;transition: background-color 1s;}
.button-orange:hover{ background-color:#e99626; color:#FFF;transition: background-color 1s;}
.button-red{ background-color:#ff7740; color:#FFF;transition: background-color 1s;}
.button-red:hover{ background-color:#e65920; color:#FFF;transition: background-color 1s;}
.button-gray{ background-color:#999; color:#FFF;border:1px #999 solid; transition: background-color 1s;}
.button-gray:hover{ background-color:#333; color:#FFF;transition: background-color 1s;}
.button-border-green{ background-color:#fff; color:#666; border:1px #eee solid;transition: background-color 1s;}
.button-border-green:hover{ background-color:#eee; transition: background-color 1s;}
.button-disable{border:1px solid #ccc!important; color:#ccc!important; cursor: not-allowed!important;}

.form-row{ padding:10px 0px; position: relative;}
.form-row .field-key{width:150px;height:30px;float:left;position:relative;line-height:30px}
.form-row .field-value{width:370px;min-height:30px;float:left;position:relative;}
.form-row .input-name{width:150px;height:50px;float:left;position:relative;line-height:50px}
.form-row .input-name-even{width:150px;height:50px;float:left;position:relative;line-height:50px; text-indent:10px;}
.form-row .input-box{width:370px;min-height:50px;float:left;position:relative;padding:0}
.form-row .textarea-box{border:1px solid #cbcbcb;width:370px;border-radius:3px;background:#f7f7f7;float:left;position:relative}
.form-row .textarea-text{border:0;outline:0; }


.input{ border:1px solid #999; border:1px solid #eee\9;box-shadow:inset 1px 1px 1px 1px #eee;  height: 48px;line-height:48px\9; border-radius: 3px;background: #fff; padding:0px 0px 0px 0px; text-indent:20px; font-size:15px; width:100%; display:block; outline:none;transition: border 1s;}
.input:hover{border:1px solid #666;transition: border 1s;}
.input-error{border:1px solid #fb5647!important; background-position:97% center; background-repeat:no-repeat;}
.input-error-msg{ display:block; padding:10px; color:#fff; background-color:#fb5647; position:absolute; z-index:10; left:60px; border-radius:0px 0px 3px 3px;}
.input-pass{background-image: url('../../img/right.png'); background-position:97% center; background-repeat:no-repeat;}
.input-disable{ background-color:#eee!important;}
.input-file{
	width: 150px;
	height: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	border: none;
	outline: none;
	cursor:pointer;
	font-size: 200px;
	cursor:pointer;
}
.input-file:hover{cursor:pointer;}
.textarea{border:1px solid #fff; border:1px solid #eee\9;box-shadow:inset 1px 1px 1px 1px #eee; border-radius: 3px; font-size:14px; min-height:100px; overflow-y:scroll;   font-size:14px; resize:none; padding:10px 20px;*padding:3% 5% 3% 5%; box-sizing:border-box; width:100%; *width:90%; background-color:#FFF;display:block; word-wrap:break-word;}
/*按钮 分割线*/

.split-dot{ zoom:1;position: relative; width: 100%; min-height: 1px; background-image: url(../img/dot-line.png); background-repeat:repeat-x; background-position:50% 50%; text-align:center}
.split-dot span{font-size:14px; background-color:#fff}


/*表格*/
.table{ border:1px #eee solid;}
.table .tr{ border-bottom:1px solid #eee;}
.table .tr:last-child{border-bottom:none;}
.table .tr:hover{ background-color:#f3f3f3}
.table .th{ border-bottom:1px solid #eee; background-color:#f9f9f9}
.table .th .td{ font-weight:bold}
.table .td{ padding:15px 0px;float:left; }
.split-dot{ zoom:1;position: relative; width: 100%; min-height: 1px; background-image:url(../img/dot-line.png); background-repeat:repeat-x; background-position:50% 50%;}
.split-dot span{font-size:14px; background-color:#fff}


@media screen and (max-width: 768px) { /*当屏幕尺寸小于500px时，应用下面的CSS样式*/
.pc-only{display:none;}
/*头部*/
.pc-header-wrap{ display:none;}
.mobile-header-wrap{ background-repeat:no-repeat; background-image:url(../img/header_bg.png); background-color:#ff690f; height:50px; display:block; background-size: cover; position: relative; z-index: 9;}
.mobile-header-wrap .logo{display:block;float:left;position:relative; width:35%;  background-image:url(../img/logo.png); background-size:auto 90% ;  background-repeat:no-repeat; background-position:0px 50%;  height:50px; }
.mobile-header-wrap .login{display:block;float:right;line-height:50px;border-left:1px solid #ffd75d;background-image:url(../img/icon_white_member.png);background-repeat:no-repeat;background-position:10px center;padding-left:40px; padding-right:10px;color:#fff;cursor:pointer;}
.mobile-header-wrap .logout{display:block;float:right;line-height:50px;border-left:1px solid #ffd75d;background-image:url(../img/quit_icon.png);background-repeat:no-repeat;background-position:10px center;padding-left:40px; padding-right:10px;color:#fff;cursor:pointer}
.mobile-header-wrap .user-info{display:block;float:right;height:50px;border-left:1px solid #ea7f00;width:230px; cursor:pointer}
.mobile-header-wrap .user-account div{ white-space:nowrap;}
.mobile-header-wrap .menu{display:block; padding:0px 10px;line-height:50px; float:right; color:#fff;border-left:1px solid #ffd75d; }
.mobile-header-wrap .btn:hover{ background-color:#D16201}

.loginPanel .tab-group{ padding-bottom:10px; position:relative;zoom:1;}
.loginPanel .tab-group .tab{ float:left; width:50%; text-align:center; line-height:40px; font-size:16px; cursor:pointer; bottom:0px; zoom:1;}
.loginPanel .tab-group .active{ position:absolute; width:50%; height:5px;  left:0px; bottom:0;}
.loginPanel .forget-btn{ cursor:pointer}
 .timer{height:38px;border:1px solid #eee;border-radius:3px;color:#00a8ff;line-height:38px;text-align:center;outline:0;background:#f8f8f8; cursor:pointer}
 .reset{width:120px;height:40px;border:1px solid #dcdcdc;border-radius:3px;float:left;margin-left:22px;color:#989898;line-height:50px;text-align:center;outline:0;background:#dcdcdc}

/*杂项*/
.showModal{ position:fixed; top:50%; left:0; right:0px; margin:0px 50px; padding:10px; border-radius:5px; background-color:#000; color:#fff; z-index:9000; text-align:center; opacity: 0.7;}

/*popup*/
.reveal-modal{width:90%!important; margin-left:-45%!important; background-color:#fff!important; box-sizing: border-box!important; padding:20px!important;}

/*尾部*/
.footer-wrap{ overflow:hidden;}


/*按钮 输入框*/

.button{ padding:0px 20px;line-height:38px; background:#27bbbA;border-radius: 3px;height:38px; text-align: center; border: none; outline:none; cursor:pointer; font-size:16px;display:inline-block; *position: relative; *top: 14px;box-sizing:border-box;}
.button-s{ padding:0px 20px;line-height:40px; background:#27bbbA;border-radius: 3px;height:40px; text-align: center; border: none; outline:none; cursor:pointer; font-size:14px;display:inline-block;}
.button-blue{ background-color:#00a8ff; color:#FFF;border:1px #2776b6 solid; transition: background-color 1s;}
.button-blue:hover{ background-color:#005296; color:#FFF;transition: background-color 1s;}
.button-orange{ background-color:#feae42; color:#FFF;border:1px #e48403 solid;transition: background-color 1s;}
.button-orange:hover{ background-color:#e99626; color:#FFF;transition: background-color 1s;}
.button-red{ background-color:#ff7740; color:#FFF;transition: background-color 1s;}
.button-red:hover{ background-color:#e65920; color:#FFF;transition: background-color 1s;}
.button-gray{ background-color:#999; color:#FFF;border:1px #999 solid; transition: background-color 1s;}
.button-gray:hover{ background-color:#333; color:#FFF;transition: background-color 1s;}
.button-border-green{ background-color:#fff; color:#666; border:1px #eee solid;transition: background-color 1s;}
.button-border-green:hover{ background-color:#eee; transition: background-color 1s;}
.button-disable{border:1px solid #ccc!important; color:#ccc!important; cursor: not-allowed!important;}


.form-row{ padding:7px 0px; position: relative;}
.form-row .field-key{width:150px;height:30px;float:left;position:relative;line-height:30px}
.form-row .field-value{width:370px;min-height:30px;float:left;position:relative;}
.form-row .input-name{width:150px;height:40px;float:left;position:relative;line-height:40px}
.form-row .input-name-even{width:150px;height:40px;float:left;position:relative;line-height:40px; text-indent:10px;}
.form-row .input-box{width:370px;min-height:40px;float:left;position:relative;padding:0}
.form-row .textarea-box{border:1px solid #cbcbcb;width:370px;border-radius:3px;background:#f7f7f7;float:left;position:relative}
.form-row .textarea-text{border:0;outline:0; }

.input{ border:1px solid #cbcbcb; box-shadow:inset 1px 1px 1px 1px #efefef;  height: 38px; border-radius: 3px;background: #fff; padding:0px 0px 0px 0px; text-indent:10px; font-size:15px; width:100%; display:block; outline:none;transition: border 1s;}
.input:hover{border:1px solid #666;transition: border 1s;}
.input-error{border:1px solid #fb5647!important; background-position:97% center; background-repeat:no-repeat;}
.input-error-msg{ display:block; padding:10px; color:#fff; background-color:#fb5647; position:absolute; z-index:10; left:60px; border-radius:0px 0px 3px 3px;}
.input-pass{background-image: url('../../img/right.png'); background-position:97% center; background-repeat:no-repeat;}
.input-disable{ background-color:#eee!important;}
.input-file{
	width: 150px;
	height: 50px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	border: none;
	outline: none;
	cursor:pointer;
	font-size: 200px;
	cursor:pointer;
}
.input-file:hover{cursor:pointer;}
.textarea{border:1px solid #fff; border:1px solid #eee\9;box-shadow:inset 1px 1px 1px 1px #eee; border-radius: 3px; font-size:14px; min-height:100px; overflow-y:scroll;   font-size:14px; resize:none; padding:10px 20px;*padding:3% 5% 3% 5%; box-sizing:border-box; width:100%; *width:90%; background-color:#FFF;display:block; word-wrap:break-word;}

}

.s-bg-white {
    background-color: #fff;
	border-bottom: 2px solid #e0e0e0;
}
.g-header {
    width: 980px;
    height: 78px;
    margin: 0px auto;
}
.g-header .m-logo {
    width: 183px;
    height: 65px;
    margin-right: 55px;
    padding-top: 13px;
}
.u-fl {
    float: left;
}
.g-footer-nav .g-f-container p {
    cursor: pointer;
    height: 26px;
    line-height: 26px;
    padding-left: 34px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    background-image: url(../images/index/u3.png);
    background-repeat: no-repeat;
}
.g-header .m-search {
    min-width: 366px;
    height: 100%;
    position: relative;
}
.u-ipt-search {
    display: inline-block;
    height: 40px;
    border: 2px solid #FFA200;
    border-right: 0;
    border-radius: 3px 0 0 3px;
    margin-top: 16px;
    float: left;
}
.u-slt-a {
    display: inline-block;
    width: 53px;
    work-break: break-all;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
    background: url(../img/u2.png) no-repeat 20px -36px;
    padding: 0px 32px 0 16px;
    border-right: 1px solid #e8e8e8;
    vertical-align: top;
    cursor: pointer;
    float: left;
}
.u-ipt-search input {
    width: 200px;
    height: 40px;
    line-height: 40px\9;
    padding: 0px 18px;
    vertical-align: top;
    float: left;
    color: #FFA200;
	border: 0;
}
.u-btn-search {
	    border: 0;
    max-width: 100px;
    height: 44px;
    padding: 0px 19px;
    font-size: 18px;
    border-radius: 0 3px 3px 0;
    vertical-align: top;
    margin-top: 16px;
    float: left;
    overflow: hidden;
    word-break: break-all;
}
.s-bg-6c {
    background: #FFA200;
    color: #fff;
}
.f-a-rlt {
    display: inline-block;
    border: 2px solid #dddddd;
    position: absolute;
    top: 60px;
    left: 0px;
    z-index: 999;
    background: #fff;
    display: none;
}
.f-a-rlt p {
    width: 64px;
    padding: 0px 18px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    overflow: hidden;
}
.f-a-rlt p {
    width: 64px;
    padding: 0px 18px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    overflow: hidden;
}
.f-a-rlt p:hover {
    background: #fe8431;
}
.f-search-rlt {
    position: absolute;
    top: 75px;
    left: 103px;
    background: #fff;
    border: 1px solid #2aa3ce;
    border-top: 0;
    z-index: 9999;
    display: none;
}
.g-header .m-contact {
    min-width: 154px;
    line-height: 25px;
        padding: 5px 0;
}
.u-fr {
    float: right;
}

.g-header .user-info{display:block;float:left;height:70px;width:130px; cursor:pointer}
.g-header .user-header{display:block;width:40px;height:40px;background-color:#fff;float:left;border:0px;position:relative;left:20px;top:15px; border-radius:3px;}
.g-header .user-account{ margin:15px 0px 0px 70px; color:black; overflow:hidden;}
.g-header .user-account div{ white-space:nowrap;line-height:normal!important;}
.g-header .logout{display:block;float:right;line-height:70px;background-image:url(../img/quit_icon.png);background-repeat:no-repeat;background-position:20px center;padding-left:20px; padding-right:20px!important;color:red;cursor:pointer}
.g-header input[type='button']{
    font-family: "Microsoft YaHei";
    cursor: pointer;
}
.g-nav ul li a:hover, .s-bg-6c:hover{
    background-color: #fe8431;
    color: #fff;
}